/*

Theme Name: motion-designer

Theme URI: http://www.motion-designer.fr

Description: The first theme created by Sylvain Bernicot.

Version: 0.2

Author: Sylvain Bernicot

 

Creation Theme by Sylvain Bernicot || http://www.motion-designer.fr

*/

/* margin top right bottom left*/



body {

font-family:Georgia, serif;

font-size: 12px;

text-align: left;

background: black;

color: #FFFFFF;

margin: 0;

}



#page { /*border: solid 1px red;*/

margin: 0 auto 0 auto;

width: 920px;

}



/*HEADER*/

#header { /*border: solid 1px white;*/

position: relative;

background-image:url(images/fond_header.gif);

width: 920px;

height: 291px;

text-align: right;

}

#header h1 /*= Sylvain Bernicot*/

{

font-family: 'Andada', serif;

margin: 0;

padding-top: 170px;

font-size: 30px;

font-weight: normal;

text-align:center;

}

#header p

{

font-family: 'Josefin Sans', sans-serif;

margin: 0;

color: #e89b0d;

font-size: 15px;

text-align:center;

}

#header a.titre:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }

#header a.titre:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }

#header a.titre:hover { color: #FFFFFF; text-decoration: none; background-color: transparent;}

#header a.titre:active { color: #FFFFFF; text-decoration: none; background-color: transparent;}



#header a:link {color: #b8b7b7; text-decoration: none; background-color: transparent;}

#header a:visited {color: #b8b7b7; text-decoration: none; background-color: transparent;}

#header a:hover  {color: #000000; text-decoration: none; background-color: #e89b0d;}

#header a:active  {color: #b8b7b7; text-decoration: none; background-color: transparent;}



#header-boutons { position:absolute; width: 920px; height: 36px; bottom: 0px; line-height:36px;} /*line-height pour l'alignement vertical*/



#header-liensPages {margin-left: 369px; width: 150px; height: 36px; background-color:#131313; float:left; 

color: #b8b7b7; text-align:center;}



#header-rechercher {margin-left: 1px; width: 119px; height: 36px; background-image:url(images/fond_recherche.gif); float:left; text-align:left;}



#header-social {margin-left: 1px; width: 280px; height: 36px; background-color:#131313; float:left; color: #b8b7b7; text-align:center; line-height:36px;}

#header-social-centre {width:280px; vertical-align:middle; display:inline-block; padding:5px;}



#header li {display: inline; list-style-type:none; padding: 10px; vertical-align: middle;}





/*CONTENU*/

#content {

border-bottom: 3px solid black;

border-top: 1px solid black;

background-color:#101010; width: 920px; text-align: left; margin:0; padding-top: 10px; padding-bottom: 10px;}



#colonne-gauche {width: 550px; float:left; border-right:solid 3px black;}

#colonne-droite {width: 347px; float:left;}



#content-cadre{ /*border: dotted 1px blue;*/

width: 900px; margin: 0 auto 0 auto;}



#content h1 { /*le titre de la page quand on affiche les archives*/

font-size: 30px; color: #8b8b8b; font-weight:normal; margin:0; margin-left:10px; margin-bottom: 10px; padding-top: 10px;}



#content h2 { /*les titres des articles "featured", et des articles quand ils sont dans une page sinlge.php*/

font-size: 25px; font-weight:normal; margin:0; margin-left:10px; padding-top: 5px;}



#content h3 { /*les titres des articles "non featured"*/

font-size: 15px; font-weight:normal; margin:0; margin-left:10px; padding-top: 6px; color:#D1D1D1;}



#content img {

border: none;

}



#content a:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }

#content a:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }

#content a:hover { color: #000000; text-decoration: none; background-color: #e89b0d;}

#content a:active { color: #FFFFFF; text-decoration: none; background-color: transparent;}



/*class de lien pour les images boutons*/

#content a.nohover:link { background: none; border: none; text-decoration: none;}

#content a.nohover:visited { background: none; border: none; text-decoration: none;}

#content a.nohover:hover { background: none; border: none; text-decoration: none; }

#content a.nohover:active { background: none; border: none; text-decoration: none;}



/*LEGENDES DES IMAGES (apparaissent quand on renseigne le champs "légende" d'une image ...)*/

.wp-caption {

margin 0px;

padding 0px;

}



.wp-caption p.wp-caption-text {

text-align:center;

font-size:11px;

font-style:italic;

margin: 3px 10px 10px 0px;

padding: 0px;

background-image: url(images/fond_caption.jpg);

color: #c0c0c0;

}



#featContGallery{

width: 550px; height: 330px; padding-top:41px; margin-bottom:-35px; background-image:url(images/fond_a_la_une.gif); background-repeat:no-repeat;}

#featContGallery a:hover { background-color: transparent;}



.featured-post{

width: 550px; height: 390px; background-image:url(images/fond_post_gauche.jpg); background-repeat:repeat-x;}



.featured-post_content {

font-size: 12px; color: #8B8B8B; margin-top: -6px; text-align:center;}



.postmetadata{

font-size:10px; color: #8B8B8B; margin-right:10px; text-align:center;}



.normal-post{

width: 347px; height: 244px; background-image:url(images/fond_post_droite.jpg); background-repeat:repeat-x; margin-bottom:1px;}



.normal-post_content {font-size: 12px; color: #8B8B8B; margin-top: -6px;}



.navigation{width:550px; margin-top:10px; text-align:center;font-size: 14px;}



/*PAGE SINGLE.PHP*/

.single-post{ background-color: #202020; border-bottom: solid 1px black;}

.single-post_content { font-size: 12px; color: #8b8b8b; line-height: 16px;}





/*PAGE PAGE.PHP*/

.single-page{ background-color: #202020; width: 900px; float:left; border-bottom: solid 1px black;}

.single-page_content { font-size: 18px; color: #8b8b8b; padding-left: 80px; padding-right: 30px; text-align:justify;}





/*PAGE ARCHIVE.PHP*/

.archive-post{width: 550px; height: 69px; margin-bottom: 10px;border-top: dotted 1px #8b8b8b;/*background-image:url(images/fond_post_archive.jpg); background-repeat:repeat-x;*/}



.archive_postmetadata{

font-size:10px; color: #8B8B8B; text-align:left; margin-left:10px;}







/*COMMENTAIRES*/

#commentaires{}/*cette div n'existe que pour pouvoir changer le style des liens (ca ne marche pas sur les class apparement)*/

.comments-template{ margin:0; background-color: #202020; padding-bottom: 10px;}

 

.comments-template ol{padding-top: 0px; list-style: none; padding-left: 5px;}

 

.comments-template ol p{font-size: 18px; color:#D1D1D1; margin-left: 10px; padding-left: 10px; border-left: solid 1px #8B8B8B; line-height: 1.4em;} /*le texte des commentaires*/

 

.comments-template ol li{margin: 0 0 0 0;line-height: 15px;padding-bottom: 0px;}

 

.comments-template h2 {font-size: 25px;}



.comments-template h3{font-size: 1.2em; } /*c'est pour mettre "un commentaire pour tel article mais je n'utilise pas cette balise"*/

 

.commentmetadata{font-size: 11px; color:#8B8B8B;}

 

.comments-template p.nocomments{padding: 0;}

 

.comments-template textarea{font-size: 18px; color:#131313;} /*le champs de saisi*/

 

.cadre_commentaires { margin-right: 10px; margin-bottom:10px; background-color:#373737; border-top: 1px solid black; padding-bottom:5px;}



#commentaires a:link { color: #FFFFFF; text-decoration: none; background-color: transparent; }

#commentaires a:visited { color: #FFFFFF; text-decoration: none; background-color: transparent; }

#commentaires a:hover { color: #FFFFFF; text-decoration: none; background-color: #e89b0d;}

#commentaires a:active { color: #FFFFFF; text-decoration: none; background-color: transparent;}







/*FORMULAIRE*/

#formulaire {text-align: right; color: #8B8B8B; font-size: 16px; padding: 10px; padding-bottom:0; background-color:#373737; border-top: 1px solid black;margin-right:10px ;}



.bt_envoyer{width: 320px; height:42px; background-color:#101010; color: #e89b0d; font-size: 20px; margin: 0; padding: 0; border: 0; margin-left: -17px; font-family:Georgia, serif; border-top: black 1px solid; cursor: pointer;}

/*.bt_envoyer a: hover {background-color: #afc93c; color: #101010;}*/







/*SIDEBAR*/

#sidebar {background-image: url(images/fond_sidebar.jpg);background-repeat:repeat-y;width: 920px; color:#acacac;text-align: center;}



#sidebar h2{color: #FFFFFF; font-size:20px; font-weight:normal; }



.sidebar-colonne{width: 230px; float: left; padding-bottom: 15px; }



#sidebar a:link { color: #acacac; text-decoration: none; background-color: transparent; }

#sidebar a:visited { color: #acacac; text-decoration: none; background-color: transparent; }

#sidebar a:hover { color: #000000; text-decoration: none; background-color: #e89b0d;}

#sidebar a:active { color: #acacac; text-decoration: none; background-color: transparent;}



#sidebar ul { list-style-type: none;padding: 0;margin: 0 0 10 0;}

#sidebar li { list-style-type: none;padding: 0;padding-bottom: 4px;margin: 0;}





/*FOOTER*/

#footer {background-image:url(images/footer_fond.jpg);background-repeat:repeat-x;width: 920px;height: 34px;line-height:34px;color:#6A6A6A;font-size: 10px;text-align: center;}



#footer a:link { color: #acacac; text-decoration: none; background-color: transparent; }

#footer a:visited { color: #acacac; text-decoration: none; background-color: transparent; }

#footer a:hover { color: #000000; text-decoration: none; background-color: #e89b0d;}

#footer a:active { color: #acacac; text-decoration: none; background-color: transparent;}